<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="framework/reset.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4615337_ltdkvxqrl1p.css">
    <link href="css/information.css" rel="stylesheet">
    <script src="js/purchase.js"></script>
    <title>我</title>
</head>
<body>
<!--总容器-->
<div class="wrapper">
    <!--header部分 -->
    <div class="header">
        <div class="header-left">
            <div class="iconfont icon-saoyisao"></div>
        </div>
        <div class="header-right">
            <div class="iconfont icon-jinlingyingcaiwangtubiao63"></div>
            <div class="iconfont icon-shezhi"></div>
        </div>
    </div>
    <!--头像部分 -->
    <div class="portrait">
        <img src="img/dw40.jpg">
        <div class="portrait-text">
            <div class="name">russ-陈<img src="img/dw41.png"></div>
            <p>人生是旷野</p>
        </div>
    </div>
    <!--互动部分 -->
    <ul class="interaction-type">
        <li>
            <a>0</a>
            <p>获赞与收藏</p>
        </li>
        <li>
            <a>0</a>
            <p>粉丝</p>
        </li>
        <li>
            <a>0</a>
            <p>关注</p>
        </li>
        <li>
            <a>0</a>
            <p>动态</p>
        </li>
    </ul>
    <!--图片部分 -->
    <div class="picture">
        <img src="img/dw42.png">
    </div>
    <!-- 想要部分-->
    <div class="business">
        <ul class="left" onclick="location.href='wanted.html'">
            <div class="left-info1">
                <div class="iconfont icon-aixin"></div>
                <p>想要</p>
            </div>
            <div class="left-info2">
                <p>165 ></p>
            </div>
        </ul>
        <ul class="right">
            <div class="right-info1">
                <div class="iconfont icon-yuanquangouxuan"></div>
                <p>我有</p>
            </div>
            <div class="right-info2">
                <p>12 ></p>
            </div>
        </ul>
    </div>
    <div class="business">
        <ul class="left">
            <div class="left-info1">
                <div class="iconfont icon-zuji"></div>
                <p>足迹</p>
            </div>
            <div class="left-info2">
                <p>178 ></p>
            </div>
        </ul>
        <ul class="right">
            <div class="right-info1">
                <div class="iconfont icon-dingyue"></div>
                <p>订阅</p>
            </div>
            <div class="right-info2">
                <p>12 ></p>
            </div>
        </ul>
    </div>
    <!--订单 -->
    <div class="order">
        <p>订单</p>
        <a>15 ></a>
    </div>
    <!--订单详情部分-->
    <ul class="order-info">
        <li>
            <div class="footer-icon">
                <i class="iconfont icon-fukuan"></i>
            </div>
            <p>待付款</p>
        </li>
        <li>
            <i class="iconfont icon-fahuo2"></i>
            <p>待发货</p>
        </li>
        <li>
            <div class="footer-icon">
                <i class="iconfont icon-daishouhuo"></i>
            </div>
            <p>待收货</p>

        </li>
        <li>
            <i class="iconfont icon-pingjiaguanli"></i>
            <p>评价</p>
        </li>
        <li>
            <div class="footer-icon">
                <i class="iconfont icon-shouhou"></i>
            </div>
            <p>售后/退款</p>
        </li>
    </ul>
    <!--钱包 -->
    <div class="wallet">
        <p>钱包</p>
        <a>心意礼盒卡 ></a>
    </div>
    <!--钱包详情部分-->
    <ul class="wallet-info">
        <li>
            <a>3</a>
            <p>优惠券</p>
        </li>
        <li>
            <a>&#165;20万</a>
            <p>借钱</p>
        </li>
        <li>
            <a>&#165;5万</a>
            <p>可分12期</p>

        </li>
        <li>
            <a>&#165;0</a>
            <p>津贴</p>
        </li>
        <li>
            <a>&#165;0</a>
            <p>礼品卡</p>
        </li>
    </ul>
    <!--底部菜单部分-->
    <ul class="footer">
        <li onclick="location.href='dewu.html'">
            <div class="footer-icon">
                <i class="iconfont icon-dewu"></i>
                <div class="footer-icon-quantity">8</div>
            </div>
            <p>得物</p>
        </li>
        <li onclick="location.href='purchase.html'">
            <i class="iconfont icon-goumai"></i>
            <p>购买</p>
        </li>
        <li onclick="location.href='explore.html'">
            <div class="footer-icon">
                <i class="iconfont icon-xingqiu-"></i>
                <div class="footer-icon-quantity">3</div>
            </div>
            <p>探索</p>

        </li>
        <li onclick="location.href='information.html'">
            <i class="iconfont icon-waixingren"></i>
            <p>我</p>
        </li>
    </ul>


</div>

</body>
</html>